import {StyleSheet} from 'react-native';

export default StyleSheet.create({
    container: {
        flex: 1,
        marginTop: 9
    },
    list: {
        backgroundColor: '#fff',
        paddingLeft: 16
    },
    item: {
        height: 40,
        paddingRight: 16,
        flexDirection: 'row',
        backgroundColor: '#fff',
        alignItems: 'center',
        justifyContent: 'flex-start',
        borderBottomWidth: 1,
        borderColor: '#f0f0f0'
    },
    title: {
        fontSize: 13,
        color: '#1b1b1b'
    },
    label: {
        fontSize: 13,
        color: '#1b1b1b',
        width: 76
    },
    arrow: {
        width: 30,
        height: 30,
        position: 'absolute',
        right: 12,
        top: '50%',
        marginTop: -15
    },
    input: {
        flex: 1,
        fontWeight: 'bold',
        padding: 0
    },
    codeBtnWrap: {
        paddingLeft: 16,
        paddingRight: 16,
        paddingTop: 6,
        paddingBottom: 6,
        borderWidth: 1,
        borderColor: '#e0442e',
        borderRadius: 24,
        marginLeft: 8,
        justifyContent: 'center',
        alignItems: 'center'
    },
    codeBtnText: {
        color: '#e0442e',
        fontSize: 12
    },
    submitBtnWrap: {
        borderRadius: 40,
        height: 36,
        marginTop: 80,
        marginLeft: 20,
        marginRight: 20,
        backgroundColor: '#e0442e',
        justifyContent: 'center',
        alignItems: 'center'
    },
    submitBtnText: {
        color: '#fff',
        fontSize: 14
    }
});
